<template>
  <p>child</p>
  <p>{{ count }}</p>
  <button @click="$emit('setCount')">更新</button>
  <button @click="update">更新</button>
</template>

<script lang="ts">
export default {
  name: "Child",
  props: {
    count: Number,
  },
  emits: ["setCount"],
  setup(props, context) {
    /*
      setup接受两个参数：
        props 就是props数据
        context 是一个对象
          attrs 未接受的props数据和自定义事件回调函数
          emit  触发自定义事件的方法
    */
    console.log(props);
    console.log(context);

    const update = () => {
      context.emit("setCount"); // 触发自定义事件
    };

    return {
      update,
    };
  },
};
</script>
